<!-- 支付状态 -->
<template>
	<view class="card bg-cover" :style="{'background-image':'url(https://bac-miniprogram.oss-cn-beijing.aliyuncs.com/images/icon/'+payInfo.img_name +'.png)'}" :class="payInfo.img_name">
		<text class="siyuan-medium">{{payInfo.name}}</text>
	</view>
</template>

<script setup>
  let props = defineProps({
	  payInfo:{
		  type: Object,
		  default: {}
	  }
  })
</script>

<style lang="scss" scoped>
	.card {
		position: relative;
		margin: 0 auto;
		text-align: center;
		text {
			position: absolute;
			left: 0;
			top: 50%;
			right: 0;
			transform: translateY(-50%);
			font-size: 32rpx;
		}
	}
	.pay_cancle {
		width: 136rpx;
		height: 154rpx;
		margin-bottom: 90rpx;
	}
	.pay_refund {
		width: 156rpx;
		height: 156rpx;
		margin-bottom: 70rpx;
	}
	.pay_success {
		width: 164rpx;
		height: 122rpx;
		margin-bottom: 90rpx;
	}
	.pay_wait {
		width: 134rpx;
		height: 134rpx;
		margin-bottom: 12rpx;
	}
	
	
</style>